<template>
  <div class="navbar h-12 px-4 flex items-center justify-between">
    <div class="navbar-left">
      <UserInfo v-if="props.showUserInfo"/>
    </div>
    
    <div class="navbar-right flex items-end ">
      <LanguageSwitch class="mr-2" />
      <ThemeSwitch />
    </div>
  </div>
</template>
<script lang="ts" setup>
import LanguageSwitch from '../common/LanguageSwitch.vue';
import ThemeSwitch from '../common/ThemeSwitch.vue';
import UserInfo from '../common/UserInfo.vue'
import { defineProps } from 'vue';

const props = defineProps<{
  showUserInfo?: boolean;
}>(); 
</script>